<html>

<head>
    <meta charset="utf-8">
    <style>
        .mainwindow{
            width: 100%;
            height: 100%;
        }

        .mapwindow{
            width: 85%;
            height: 100%;
            background-color: #3dd17b;
            float: left;
       }
        .framewindows{
            width: 15%;
            height: 100%;
            background-color: #d13837;
            float: left;
        }
    </style>
</head>

<body>
    <div id="main" class="mainwindow"> 
        <div id="map" class="mapwindow"></div>
        <div id="control" class="framewindows">
            <input type="button" value="全部" onclick="showData(0)"><br/>
            <input type="button" value="城轨" onclick="showData(1)"><br/>
            <input type="button" value="上投" onclick="showData(2)"><br/>
            <input type="button" value="十局" onclick="showData(3)"><br/>
        <hr>
            在建项目：<span id="buildProject"></span>个<br/>
            盾构设备：<span id="totalonnnect"></span>个<br/>
            正常连接：<span id="normal"></span>个<br/>
            异常连接：<span id="error"></span>个<br/>
            <hr>
            <div>
                <span>异常连接设备列表</span>
                <div id="tbmList"> </div>
            </div>
        </div>
    </div>
<
</body>

<script src="http://api.map.baidu.com/api?v=3.0&ak=QYhMhej2IKKEefiMaQvdfMT9HzSKuIms"></script>
<script type="text/javascript" src="../js/TextIconOverlay_min.js"></script>
<script type="text/javascript" src="../js/MarkerClusterer_min.js"></script>
<script src="../js/echarts.js"></script>
<script src="../js/bmap.js"></script>
<script src="../js/MapUtil.js"></script>
<script src="../js/jquery-3.4.1.min.js"></script>
<script src="./map.js"></script>

</html>
